body{
   background-color: #f7f7f7;
}
body .reg{
   width: 1000px;
   height: 780px;
   margin-top: 25px;
   /* margin-right: 50%; */
   /* transform: translate(250px); */
   /* margin-left: 50%; */
   border: 1px solid  #d6d6d6;
   border-radius: 10px;
   background-color: #fff;
   /* ???????????为啥清除不了浮动 */
   overflow: hidden;
}
.reg>p{
   width: 8px;
   height: 25px;
   background-color: red;
   margin-top: 25px;
   float: left;
}
.reg>span{
   display: block;
   margin-top: 28px; 
   margin-left: 20px;
   float: left;
   /* border: 1px solid red; */
}
.center{
   width: 400px;
   height: 510px;
   /* background-color: aqua; */
   margin:120px auto;
}
.center input{
    border: 0px;
    padding-left: 10px;
    width: 386px;
    height: 45px;
    border-radius: 10px;
    background-color: #f7f7f7;
    font-size: 16px;
    outline: none;
}
.q{
    margin-top: 25px;
}
.center .q_b{
    color: #fff;
    background-color: #fe5341;
    width: 400px;
    border: 0px;
}
.center .q_2 {
    width: 245px;
}
.center .q_3 {
   width: 245px;
}
.center .re_first{
   height: 40px;
   width: 100px;
   display: block;
   /* margin-left: 20ppx; */
   float: right;
   margin-top: 25px;
   text-align: center;
   line-height: 40px;
   margin-right: 10px;
   font-family: 'Courier New', Courier, monospace;
   color: aqua;
   /* border: 1px solid red; */
}
.center .re_two{
   height: 40px;
   width: 100px;
   display: block;
   /* margin-left: 20ppx; */
   float: right;
   margin-top: 25px;
   text-align: center;
   line-height: 40px;
   margin-right: 10px;
   border: 1px solid #aab2b5;
   color: #aab2b5;
   border-radius: 10px;
   outline: none;
}